
// --------------------------------------------------------------
// ----------------------常用基本全局样式文------------------------
// --------------------------------------------------------------

// ======================= 元素重置全局样式 =======================

*, *:before, *:after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

// 指定小米字体 并且指定对应的字重粗细
//@font-face {
//  font-family: "Harmonyos_Sans";
//  src: url("@/assets/font/HarmonyOS_Sans_SC_Regular.ttf");
//  src:url("@/assets/font/HarmonyOS_Sans_SC_Regular.woff2");
//}

body {
  font-family:"Harmonyos_Sans", "Helvetica Neue", "Helvetica", "sans-serif", "微软雅黑";
}

a, a:visited, a:focus, a:hover, a:link, a:active {
  color: inherit;
  outline: none;
  text-decoration: none;
}

button, input {
  border: none;
  background-color: transparent;
  outline: none;
  border-radius: 0;
  font-size: inherit;
}

a, button {
  cursor: pointer;
}

ul, li, ol {
  list-style: none;
}

img, image {
  width: 100%;
  // height: 100%; // 自动适配高度
  border: none;
  display: block;
}

// ======================= flex全局样式 =======================

/* flex布局 */
.flex { display: flex; flex-wrap: nowrap; }
.fwrap { display: flex; flex-wrap: wrap; }
.f1 { flex: 1; }
.f2 { flex: 2; }
.f3 { flex: 3; }
/* 垂直居中 */
.fvertical { display: flex; align-items: center; }
/* 水平居中 */
.fcenter { display: flex; justify-content: center; }
/* 水平+垂直居中 */
.fcc { display: flex; align-items: center; justify-content: center; }
/* 两端对齐+垂直居中 */
.fbc {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* 右对齐 */
.fright { display: flex; justify-content: flex-end; }
/* 两端对齐 */
.fbetween { display: flex; justify-content: space-between; }
/* 靠底部对齐 */
.fbottom { display: flex; align-items: flex-end; }

.shrink {
  flex-shrink: 1;
}

/* 溢出...显示 当前节点生效 */
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ellipsis_1, .ellipsis_2, .ellipsis_3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 溢出...显示 子节点生效 */
.ellipsis_1 { -webkit-line-clamp: 1; }
.ellipsis_2 { -webkit-line-clamp: 2; }
.ellipsis_3 { -webkit-line-clamp: 3; }
